<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>制作书评网网页</title>
    <style>
        * {
            background-color: #ffc0cb;
        }
        header h2 {
            text-align: center;
        }
        header>img {
            width: 100%;
        }
        
        .pic {
           display: inline;
           
        }
        .pic img {
            width: 211px;
            height: 283px;
        }
    </style>
</head>
<body>
    <header>
        <h2>书评网</h2>
        <img src="images/top.jpg" alt="">
        <div class="pic">
            <br>
            <img src="images/1.jpg" alt="">
            <img src="images/2.jpg" alt="">
            <img src="images/4.jpg" alt="">
            <img src="images/5.jpg" alt="">
            <img src="images/6.jpg" alt="">
            <img src="images/7.jpg" alt="">
            <img src="images/3.jpg" alt="">
        </div>

        
    </header>
    <article>
        <details>
            <summary> <<<<<<<<<<<<<<<<<<<新书速递>>>>>>>>>>>>>>>>>> </summary>
            <ul>
                <li>《奋斗者》：侯沧海商路笔记</li><br>
                这是一部民企教父的商路传奇奋斗史，也是每一个人的命运打拼史。 从
                公务员到商人两个身份的变化，从乡镇到全国5个层层递进阶段的摸爬滚打
                ，从餐饮业到房地产9个不同行业的磨砺，以及1次史玉柱式的破产重来，构
                成了一个首富从草根人物到民企教父的奋斗之路。 20世纪90年代末，正逢国
                内经济转型、国企改制的风云变幻时代，出身于国有企业工人家庭的侯沧海大
                学毕业后考入基层政府部门，却与女友两地分居。为了与女友团聚，侯沧海抓
                住一切机会脱颖而出，女友工作调动却阴差阳错屡次落空。直接领导被调离，
                冤家对头不断打压，家庭的突变，促使侯沧海痛定思痛，辞职下海，走上创业
                之路，20年后的山南省首富侯沧海的商路传奇奋斗就此拉开帷幕…… 翻开本书
                ，跟随侯沧海的成长，在中国跌宕起伏的时代变迁20年中，见识一个民企教父
                的热血发家史。<br>
                <img src="images/2.jpg" alt="">
                <li>关注度： <meter min="0" max="100" low="25" high="75" optimum="100" value="50" title="5分"></meter>5分</li>
                <li>热卖度： <meter min="0" max="100" low="25" high="75" optimum="100" value="70" title="7分"></meter>7分</li>
                <li>好评率： <meter min="0" max="100" low="25" high="75" optimum="100" value="100" title="10分"></meter>10分</li>
            </ul>
            <hr>
            <ul>
                <li>《奋斗者》：侯沧海商路笔记</li><br>
                这是一部民企教父的商路传奇奋斗史，也是每一个人的命运打拼史。 从
                公务员到商人两个身份的变化，从乡镇到全国5个层层递进阶段的摸爬滚打
                ，从餐饮业到房地产9个不同行业的磨砺，以及1次史玉柱式的破产重来，构
                成了一个首富从草根人物到民企教父的奋斗之路。 20世纪90年代末，正逢国
                内经济转型、国企改制的风云变幻时代，出身于国有企业工人家庭的侯沧海大
                学毕业后考入基层政府部门，却与女友两地分居。为了与女友团聚，侯沧海抓
                住一切机会脱颖而出，女友工作调动却阴差阳错屡次落空。直接领导被调离，
                冤家对头不断打压，家庭的突变，促使侯沧海痛定思痛，辞职下海，走上创业
                之路，20年后的山南省首富侯沧海的商路传奇奋斗就此拉开帷幕…… 翻开本书
                ，跟随侯沧海的成长，在中国跌宕起伏的时代变迁20年中，见识一个民企教父
                的热血发家史。<br>
                <img src="images/2.jpg" alt="">
                <li>关注度： <meter min="0" max="100" low="25" high="75" optimum="100" value="50" title="5分"></meter>5分</li>
                <li>热卖度： <meter min="0" max="100" low="25" high="75" optimum="100" value="70" title="7分"></meter>7分</li>
                <li>好评率： <meter min="0" max="100" low="25" high="75" optimum="100" value="100" title="10分"></meter>10分</li>
            </ul>
          </details>
    </article>
    <article>
        <details>
            <summary> <<<<<<<<<<<<<<<<<<<新书速递>>>>>>>>>>>>>>>>>> </summary>
            <ul>
                <li>《奋斗者》：侯沧海商路笔记</li><br>
                这是一部民企教父的商路传奇奋斗史，也是每一个人的命运打拼史。 从
                公务员到商人两个身份的变化，从乡镇到全国5个层层递进阶段的摸爬滚打
                ，从餐饮业到房地产9个不同行业的磨砺，以及1次史玉柱式的破产重来，构
                成了一个首富从草根人物到民企教父的奋斗之路。 20世纪90年代末，正逢国
                内经济转型、国企改制的风云变幻时代，出身于国有企业工人家庭的侯沧海大
                学毕业后考入基层政府部门，却与女友两地分居。为了与女友团聚，侯沧海抓
                住一切机会脱颖而出，女友工作调动却阴差阳错屡次落空。直接领导被调离，
                冤家对头不断打压，家庭的突变，促使侯沧海痛定思痛，辞职下海，走上创业
                之路，20年后的山南省首富侯沧海的商路传奇奋斗就此拉开帷幕…… 翻开本书
                ，跟随侯沧海的成长，在中国跌宕起伏的时代变迁20年中，见识一个民企教父
                的热血发家史。<br>
                <img src="images/2.jpg" alt="">
                <li>关注度： <meter min="0" max="100" low="25" high="75" optimum="100" value="50" title="5分"></meter>5分</li>
                <li>热卖度： <meter min="0" max="100" low="25" high="75" optimum="100" value="70" title="7分"></meter>7分</li>
                <li>好评率： <meter min="0" max="100" low="25" high="75" optimum="100" value="100" title="10分"></meter>10分</li>
            </ul>
            <hr>
            
          </details>
    </article>
    
</body>
</html>